<?php
	require 'global.php';
	require 'header.php';
?>
		<div id="main_nav">
			<h2><a href="javascript:void(0);" id="widget_update">创建更新包</a></h2>
			<h2><a href="javascript:void(0);" id="new_widget">新建挂件</a></h2>
		</div>
		<div id="left_nav">
			<h2>平台挂件</h2>
			<div>
				<ul class="accordion">
				</ul>
			</div>
		</div>
		<div id="main_content">
			<div id="dialog" title="Widget Name">
				loading...
			</div>
		</div>
		<div id="updater_div" title="制作更新包">
			loading...
		</div>
		<div id="widget_add_dialog" title="创建新挂件">
			<form action="/tool/creator/widget/widget_add.php" method="post">
				<label class="widget_name">挂件ID：</label><input type="text" name="id"/>（挂件ID必须唯一，可以使用字母和下划线）<br/>
				<label class="widget_name">挂件名称：</label><input type="text" name="name"/>（可以使用中文）<br/>
				<label class="widget_name">挂件模板名称：</label><input type="text" name="html"/>（使用字母和下划线）<br/>
				<label class="widget_name">作者：</label><input type="text" name="author" value=""/><br/>
				<label class="widget_name">官方地址：</label><input type="text" name="site" value=""/><br/>
				<label class="widget_name">版本：</label><input type="text" name="version" value="1.0"/><br/>
				<label class="widget_name">描述：</label><textarea name="desc" style="width:400px;vertical-align: top"></textarea><br/>
				<div style="text-align:center">
					<input type="submit" value="创建"/>
				</div>
			</form>
		</div>
		<script type="text/javascript" language="javascript">
			$(function() {
				$("#new_widget").click(function(){
					$("#widget_add_dialog").dialog({height:300,width:600,modal: true});
				});

				$("#widget_update").click(function(){
					load_updater({height:300,width:600,modal: true});
				}).click();
			});

			function load_updater(option){
				$("#updater_div").html("loading...");
				$("#updater_div").dialog(option);
				$("#updater_div").load("/tool/updater.php");
			}

			function load_widget_info(name,option){
				$("#dialog").html("loading...");
				$("#dialog").dialog(option);
				$("#dialog").dialog("option","title",name);
				$("#dialog").load("/tool/info.php?name="+name,function(){
					$(".tabs").tabs({selected:0});
				});
			}
	</script>
	<?php 
		require 'footer.php';
	?>